<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>乐共享-共享同城---产品页</title>
<script src="js/html5.js"></script>
<link href="style/base.css" rel="stylesheet" media="screen" />
<link href="style/city-product.css" rel="stylesheet" media="screen" />

</head>
<body>
<!-- S 顶部迷你导航 -->
<div class="miniNav">
	<div class="inner">
		<p class="welcom-info">欢迎您来到乐共享</p>
		<ul class="quick-nav">
			<li class="user-info">您好，<em>陈美美</em>可用<span>200550</span>积分</li>
			<li class="partner-login"><a href="#">联盟登录</a></li>
			<li><a href="#">广告系统</a></li>
			<li><a href="#">帮助中心</a></li>
		</ul>
	</div>
</div>
<!-- S 顶部迷你导航 -->

<header id="header" class="header">
	<h1 class="logo"><a href="#"><img src="img/logo_144_66.jpg" alt="乐共享" />乐共享</a></h1>
	<div class="city" id="J-city">
		<span class="t">你所在城市</span>
		<em class="cur"><i></i>广州</em>
	</div>
	<section class="search-bar">
		<ul class="search-tab">
			<li class="cur"><a href="#" target="_blank">物品</a></li>
			<li><a href="#" target="_blank">手表</a></li>
			<li><a href="#" target="_blank">饰品</a></li>
			<li><a href="#" target="_blank">服装</a></li>
			<li><a href="#" target="_blank">电器</a></li>
		</ul>
		<div class="search-panel" id="J-search-panel">
			<form action="#" method="post" name="search-form">
				<div class="search-input" id="J-search-input">
					<input type="text" class="input-txt" />
					<b></b>
				</div>
				<input type="submit" class="search-btn" value="搜索" />
			</form>
		</div>
	</section>
</header>


<!-- S 主导航 -->
<nav class="nav">
	<ul class="main-nav">
		<li class="cur"><a href="#">首 页</a></li>
		<li><a href="#">共享良品</a></li>
		<li><a href="#">共享优品</a></li>
		<li><a href="#">共享名品</a></li>
		<li><a href="#">共享奢品</a></li>
		<li><a href="#">共享同城</a></li>
	</ul>
	<ul class="sub-nav">
		<li><a href="#">服装饰品</a></li>
		<li><a href="#">鞋包皮具</a></li>
		<li><a href="#">美容化妆</a></li>
		<li><a href="#">数码家电</a></li>
		<li><a href="#">家居用品</a></li>
		<li><a href="#">食品保健</a></li>
		<li><a href="#">户外文体</a></li>
		<li><a href="#">其 他</a></li>
	</ul>
		
	<!-- S 购物车 -->
	<div class="mini-cart" id="J-mini-cart">
		<a href="#" class="cart-hd">购物车<span>4</span>件<b></b></a>
		<div class="mini-cart-cont">
			<div class="mini-cart-full show" id="J-mini-cart-full">
				<dl class="clearfix">
					<dt class="img"><a href="#"><img src="picture/cart-01.jpg" alt="图片描述" /></a></dt>
					<dd class="n"><a href="#">家居冬日泰迪3D灯家居冬日泰迪灯</a></dd>
					<dd class="num">
						<em class="price">1988.00 x 2</em>
						<span class="act del"><a href="#">删除</a></span>
					</dd>
				</dl>
				<dl class="clearfix">
					<dt class="img"><a href="#"><img src="picture/cart-02.jpg" alt="图片描述" /></a></dt>
					<dd class="n"><a href="#">水质自测盒-余氯</a></dd>
					<dd class="num">
						<em class="price">1900.00 x 2</em>
						<span class="act del"><a href="#">删除</a></span>
					</dd>
				</dl>
				<dl class="clearfix">
					<dt class="img"><a href="#"><img src="picture/cart-02.jpg" alt="图片描述" /></a></dt>
					<dd class="n"><a href="#">个性纯棉口罩-熊猫憨憨</a></dd>
					<dd class="num">
						<em class="price">19.00 x 2</em>
						<span class="act del"><a href="#">删除</a></span>
					</dd>
				</dl>
				<ul class="statistics">
					<li class="collect"><a href="#"><b></b>收藏商品</a></li>
					<li class="total"><em>3</em>件商品 总计<em>40.90</em><span>积分</span></li>
				</ul>
				<div class="mini-cart-act">
					<a href="#" class="checkout">去结算</a>
					<a href="#" class="check">查看购物车&gt;&gt;</a>
				</div>
			</div>
			<div class="mini-cart-empty show" id="J-mini-cart-empty">
				<span>您的购物车中暂时没有商品。</span>
			</div>
		</div>
	</div>
	<!-- E 购物车 -->
</nav>
<!-- E 主导航 -->



<section class="grid4m1s">
	<!-- S 面包屑导航 -->
	<div class="crumb"><span class="t">你当前的位置：</span><a href="#">共享良品</a> &gt;&gt; <span class="cur">产品简介页面</span></div>
	<!-- E 面包屑导航 -->
	<article class="col-main">
		<div class="summary-product">
			<div class="summary-pro-img">
				<ul class="show-area">
					<li class="cur"><img src="picture/busi-pro-list-01.jpg" alt="图片描述" /></li>
				</ul>
				<!-- JiaThis Button BEGIN -->
				<div class="share" id="jiathis_style_32x32">
					<span class="t">分享到：</span>
					<a class="jiathis_button_qzone"></a>
					<a class="jiathis_button_tsina"></a>
					<a class="jiathis_button_tqq"></a>
					<a class="jiathis_button_renren"></a>
					<a class="jiathis_button_kaixin001"></a>
					<a href="http://www.jiathis.com/share" class="jiathis jiathis_txt jtico jtico_jiathis" target="_blank"></a>
				</div>
				<!-- JiaThis Button END -->
			</div>
			<div class="summary-pro-info">
				<ul class="info">
					<li><span>地址：</span>广州市番禺区市桥富华东路37号</li>
					<li><span>营业时间：</span>10:00-02:00</li>
					<li><span>预约时间：</span>09:00-02:00</li>
					<li><span>预约电话：</span>020-39995588，020-39995599</li>
					<li><span>乘车路线：</span>乘坐番禺16路、番禺23b在市桥派出所站下车，303路步行40米即到；乘坐302路、303路、步行600米即到...</li>
				</ul>
			</div>
		</div>
		<!-- 详细介绍 -->
		<div class="detail-product">
			<strong class="t">简介：</strong>
			<blockquote>
				<p>
			       	万圣节前夕，同志学生分你一点甜头！ 从今天起，不再掩藏我们的行踪。从今天起，告别苦逼的同性恋印象！
					2011，10月30日下午2点， 同城社区的志愿者们将走出社区中心，潜入大学城广大商业区 走入人群，走到你们身边，展开秘密行动。
					不是恐怖袭击，不是恶作剧，而是与人群进行亲密互动！ 2011的万圣，让我们分你一点甜头~ 心动不如行动，来偶遇吧，亲！
				</p>
			</blockquote>
			<div class="txt-area">
				<p align="center"><img src="picture/summary-01.jpg" alt="图片描述" /></p>
				<p>万圣节前夕，同志学生分你一点甜头！ 从今天起，不再掩藏我们的行踪。从今天起，告别苦逼的同性恋印象！2011，10月30日下午2点， 同城社区的志愿者们将走出社区中心，潜入大学城广大商业区 走入人群，走到你们身边，展开秘密行动。不是恐怖袭击，不是恶作剧，而是与人群进行亲密互动！ 2011的万圣，让我们分你一点甜头~ 心动不如行动，来偶遇吧，亲！</p>
				<p align="center"><img src="picture/summary-02.jpg" alt="图片描述" /></p>
				<p>万圣节前夕，同志学生分你一点甜头！ 从今天起，不再掩藏我们的行踪。从今天起，告别苦逼的同性恋印象！2011，10月30日下午2点， 同城社区的志愿者们将走出社区中心，潜入大学城广大商业区 走入人群，走到你们身边，展开秘密行动。不是恐怖袭击，不是恶作剧，而是与人群进行亲密互动！ 2011的万圣，让我们分你一点甜头~ 心动不如行动，来偶遇吧，亲！</p>
				<p>万圣节前夕，同志学生分你一点甜头！ 从今天起，不再掩藏我们的行踪。从今天起，告别苦逼的同性恋印象！2011，10月30日下午2点， 同城社区的志愿者们将走出社区中心，潜入大学城广大商业区 走入人群，走到你们身边，展开秘密行动。不是恐怖袭击，不是恶作剧，而是与人群进行亲密互动！ 2011的万圣，让我们分你一点甜头~ 心动不如行动，来偶遇吧，亲！</p>
			</div>
		</div>
	</article>
	<aside class="col-sub">
		<div class="ad_200">
			<a href="#" target="_blank"><img src="picture/ad_200_580.jpg" alt="图片描述" /></a>
		</div>
	</aside>
</section>

<!-- S 引导区域 -->
<section class="guide">
	<div class="col help-guide">
		<h4>新手上路</h4>
		<ul class="list">
			<li><a href="#" target="_blank">网站购物流程</a></li>
			<li><a href="#" target="_blank">会员积分计划</a></li>
			<li><a href="#" target="_blank">优惠券/礼品卡说明</a></li>
			<li><a href="#" target="_blank">商品兑换券说明</a></li>
			<li><a href="#" target="_blank">常见问题</a></li>
		</ul>
	</div>
	<div class="col pay-guide">
		<h4>如何付款</h4>
		<ul class="list">
			<li><a href="#" target="_blank">支付方式</a></li>
			<li><a href="#" target="_blank">发票制度说明</a></li>
			<li><a href="#" target="_blank">新人支付</a></li>
		</ul>
	</div>
	<div class="col delivery-guide">
		<h4>配送方式</h4>
		<ul class="list">
			<li><a href="#" target="_blank">配送方式</a></li>
			<li><a href="#" target="_blank">货到付款支持城市</a></li>
			<li><a href="#" target="_blank">配送收费标准</a></li>
		</ul>
	</div>
	<div class="col sale-guide">
		<h4>售后服务</h4>
		<ul class="list">
			<li><a href="#" target="_blank">如何办理退换货</a></li>
			<li><a href="#" target="_blank">如何退款</a></li>
			<li><a href="#" target="_blank">联系客服</a></li>
		</ul>
	</div>
	<div class="col join-guide">
		<h4>售后服务</h4>
		<ul class="list">
			<li><a href="#" target="_blank">乐共享招聘</a></li>
			<li><a href="#" target="_blank">加入乐共享设计师</a></li>
			<li><a href="#" target="_blank">加入乐共享代理商</a></li>
			<li><a href="#" target="_blank">加入乐共享供应商</a></li>
			<li><a href="#" target="_blank">成为乐共享校园代理</a></li>
		</ul>
	</div>
	<div class="phone-guide">
		<ul>
			<li><span>客服热线：</span>4008-006-006</li>
			<li class="no-bor"><span>招商热线：</span>4008-006-006</li>
		</ul>
	</div>
</section>
<!-- E 引导区域 -->

<!-- S 合作伙伴 -->
<section class="partner">
	<div class="hd"><h3 class="hd-t">合作伙伴</h3></div>
	<div class="bd">
		<img src="picture/partner-01.jpg" alt="图片描述" />
		<img src="picture/partner-02.jpg" alt="图片描述" />
		<img src="picture/partner-03.jpg" alt="图片描述" />
		<img src="picture/partner-04.jpg" alt="图片描述" />
		<img src="picture/partner-05.jpg" alt="图片描述" />
		<img src="picture/partner-06.jpg" alt="图片描述" />
		<img src="picture/partner-07.jpg" alt="图片描述" />
		<img src="picture/partner-08.jpg" alt="图片描述" />
	</div>
</section>
<!-- E 合作伙伴 -->

<!-- S 尾部 -->
<footer id="footer" class="footer">
	<p class="footer-nav"><a href="#" target="_blank">商城首页</a> | <a href="#" target="_blank">关于卡淘</a> | <a href="#" target="_blank">联系我们</a> | <a href="#" target="_blank">广告服务</a> | <a href="#" target="_blank">卡淘招聘</a> | <a href="#" target="_blank">客服中心</a> | <a href="#" target="_blank">法律声明</a></p>
	<p class="copyright">Copyright &copy; 2011-2012 LGX.All Rights Reserved 乐共享 版权所有</p>
</footer>
<!-- E 尾部 -->

<!-- S 自定义脚本 -->
<script type="text/javascript" src="http://v2.jiathis.com/code_mini/jia.js" charset="utf-8"></script>
<!-- E 自定义脚本 -->
</body>
</html>